/* pages/goods_detail/index.wxss */
swiper {
  height: 100%;
}

.goods_detail {
  position: relative;
  .details {
    margin-bottom: 80rpx;
    .goods_price {
      padding: 10rpx;
      color: red;
      font-weight: 600;
    }
    .goods_name {
      padding: 10rpx;
    }
    .goods_intro {
      .title {
        height: 81rpx;
        color: red;
        font-weight: 600;
        display: flex;
        align-items: center;
        padding-left: 20rpx;
        border-top: 1px solid var(--lightrey);
        border-bottom: 1px solid var(--lightrey);
      }
    }
  }
  .control {
    width: 100%;
    bottom: 0rpx;
    height: 80rpx;
    display: flex;
    position: fixed;
    align-items: center;
    background: #ffffff;
    border-top: 1px solid var(--lightrey);
    .contact {
      flex: 2;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;

      padding: 0;
      font-weight: 450;
      font-size: 23rpx;
      background: #fff;
    }
    .share {
      flex: 1;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;

      padding: 0;
      font-weight: 450;
      font-size: 23rpx;
      background: #fff;
    }
    .cart {
      flex: 2;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;

      padding: 0;
      font-weight: 450;
      font-size: 23rpx;
      background: #fff;
      line-height: 1.4;
    }
    .add {
      flex: 2;
      height: 100%;
      display: flex;
      color: #ffffff;
      align-items: center;
      background: #f0ad1d;
      justify-content: center;
    }
    .buy {
      flex: 2;
      height: 100%;
      display: flex;
      color: #ffffff;
      align-items: center;
      background: #f52d1f;
      justify-content: center;
    }
  }
}
.ToTop--totop {
  width: 90rpx;
  height: 90rpx;
  right: 20rpx;
  bottom: 100rpx;
  display: flex;
  color: white;
  position: fixed;
  font-size: 25rpx;
  align-items: center;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 0, 0, 0.61);
  .ToTop--iconfont {
    font-family: 'iconfont' !important;
    font-size: 40rpx;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .ToTop--icon-direction_up:before {
    content: '\e620';
  }
}
